html, body{
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: Myriad Pro;
  background-color: #FAF8FE;
  text-decoration: none;
}

#header{
  width: 100%;
  height: 91px;
  text-decoration: none;
}

#logo{
  background-image:url('imagens/logo.png') ;
  width: 400px;
  height: 91px;
  margin-top: 30px;
  margin-left: 70px;
  float: left;
}
#area{
  float: right;
  margin-top: 40px;
  margin-right: 70px;
  font-family: Myriad Pro;
  text-align: right;
}
#sair a{
  color: #2d87a1;
  text-shadow: 0 0px 0 #fff;
  font-size: 16px;
  text-decoration: none;
  display:block;
}
#sair a:hover{
  color: #C50600;
}
a{
  text-decoration: none;
  
}
#borda{
  position: relative;
  height: 17px;
  background-color: #2d87a1;
  margin-top: 40px;
  color: #fff;
  padding-left: 1070px;
  padding-top: 1px;
  background: -moz-linear-gradient(left, #f0f0f0 0%, #2d87a1 100%, );
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0f0f0), color-stop(100%,#2d87a1));
  background: -webkit-linear-gradient(left, #f0f0f0 0%,#2d87a1 100%);
  background: -o-linear-gradient(left, #f0f0f0 0%,#2d87a1 100%);
  background: -ms-linear-gradient(left, #f0f0f0 0%,#2d87a1 100%);
  background: linear-gradient(to right, #f0f0f0 0%,#2d87a1 100%);
  -moz-animation:divisao 1s ; /* Firefox */
  -webkit-animation:divisao 1s ; /* Safari and Chrome */
  -o-animation:divisao 1s ; /* Opera */
}
@keyframes divisao{
  0%   {left:-1000px;}
  100% {left:0px;}
}

@-moz-keyframes divisao /* Firefox */{
  0%   {left:-1000px;}
  100% {left:0px;}
}

@-webkit-keyframes divisao /* Safari and Chrome */{
  0%   {left:-1000px;}
  100% {left:0px;}
}

@-o-keyframes divisao /* Opera */{
  0%   {left:-1000px;}
  100% {left:0px;}
}

#content{
  width: 700px;
  height: 300px;
}

#content table{
  margin-top: 50px;
}

.botao1 a, .botao1 a:visited {  
  text-align:center;  
  background: url('imagens/lupa.png') no-repeat 
  center center;  
  width:347px;  
  height:140px;  
  display:block; 
  margin-left: 10px;
}

.botao1 a:hover { 
  background: url('imagens/lupaverde.png') no-repeat 
  center center;
  transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1); /* IE 9 */
  -moz-transform:scale(1.1,1.1); /* Firefox */
  -webkit-transform:scale(1.1,1.1); /* Safari and Chrome */
  -o-transform:scale(1.1,1.1); /* Opera */
}
.botao2 a, .botao2 a:visited {  
  text-align:center;  
  background: url('imagens/lupa2.png') no-repeat 
  center center;  
  width:347px;  
  height:140px;  
  display:block;  
}
.botao2 a:hover { 
  background: url('imagens/lupaamarela.png') no-repeat 
  center center;
  transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1); /* IE 9 */
  -moz-transform:scale(1.1,1.1); /* Firefox */
  -webkit-transform:scale(1.1,1.1); /* Safari and Chrome */
  -o-transform:scale(1.1,1.1); /* Opera */
}
.botao3 a, .botao3 a:visited {  
  text-align:center;  
  background: url('imagens/ferramenta.png') no-repeat 
  center center;  
  width:347px;  
  height:140px;  
  display:block;  
}
.botao3 a:hover { 
  background: url('imagens/ferramentaazul.png') no-repeat 
  center center;
  transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1); /* IE 9 */
  -moz-transform:scale(1.1,1.1); /* Firefox */
  -webkit-transform:scale(1.1,1.1); /* Safari and Chrome */
  -o-transform:scale(1.1,1.1); /* Opera */
}
.botao4 a, .botao4 a:visited {  
  text-align:center;  
  background: url('imagens/sair.png') no-repeat 
  center center;  
  width:347px;  
  height:140px;  
  display:block;  
}
.botao4 a:hover { 
  background: url('imagens/sairvermelho.png') no-repeat 
  center center;
  transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1); /* IE 9 */
  -moz-transform:scale(1.1,1.1); /* Firefox */
  -webkit-transform:scale(1.1,1.1); /* Safari and Chrome */
  -o-transform:scale(1.1,1.1); /* Opera */
}


#footer{
  position: absolute;
  bottom: 0;
  margin-top: -40;
}

#logo_cjr{
  margin-left: 1000px;
  float: left;

}
#logo_cjr table{
  text-shadow: 0 0px 0 #fff;
  text-align: right;
  font-weight: bold;
  text-shadow: 0 2px 0 #fff;
  font-size: 14px;
  color: #b7b6b6;
}